<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <title></title>
</head>
<body>
<div data-role="page" id="choice-movie">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="../css/jquery.mobile-1.4.5.css">
    <link rel="stylesheet" type="text/less" href="../css/choiece-movie.less">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/jquery.mobile-1.4.5.js"></script>
    <script src="../js/less.js"></script>


    <!-- 选电影的头部-->
    <div data-role="header">
        <div  class="choice-header">
            <div><a href="choice-film.html" data-transition="pop"><</a></div>
            <div> <a href="#">选影片</a></div>
        </div>
    </div>
    <!-- 选电影的主要的内容-->
    <div data-role="main" class="ui-content">
        <a href="choice-film.html">
       <div class="movie_info">
           <div class="movie_info_img">
               <img src="../images/movie1.png">
           </div>
           <div class="movie_info_text">
                <p>我的少女时代</p>
               <div>
                   <span>导演 : </span><span>陈玉珊</span>
               </div>
               <div class="movie_des">
                   <span>主演 : </span><span>宋云华 / 王大陆</span>
               </div>
               <div>
                   <span>类型 : </span><span>喜剧 / 爱情</span>
               </div>
               <div>
                   <span>地区 : </span><span>中国 / 台湾</span>
               </div>
               <div>
                   <span>片场 : </span><span>134分钟</span>
               </div>
           </div>
       </div>
        </a>
        <div class="movie_info">
            <div class="movie_info_img">
                <img src="../images/movie2.png">
            </div>
            <div class="movie_info_text">
                <p>火星救援</p>
                <div>
                    <span>导演 : </span><span>雷德利·斯科特</span>
                </div>
                <div class="movie_des">
                    <span>主演 : </span><span>马特达蒙 / 杰西卡查斯坦</span>
                </div>
                <div>
                    <span>类型 : </span><span>剧情 / 科幻 / 冒险</span>
                </div>
                <div>
                    <span>地区 : </span><span>美国</span></div>
                <div>
                    <span>片场 : </span><span>144分钟</span>
                </div>
            </div>
        </div>
        <div class="movie_info">
            <div class="movie_info_img">
                <img src="../images/movie3.png">
            </div>
            <div class="movie_info_text">
                <p>消失的凶手</p>
                <div>
                    <span>导演 : </span><span>罗志良</span>
                </div>
                <div class="movie_des">
                    <span>主演 : </span><span>刘青云 / 林家栋 /李小璐</span>
                </div>
                <div>
                    <span>类型 : </span><span>动作 / 悬疑 /犯罪</span>
                </div>
                <div>
                    <span>地区 : </span><span>中国大陆 / 香港</span>
                </div>
                <div>
                    <span>片场 : </span><span>120分钟</span>
                </div>
            </div>
        </div>
        <div class="movie_info">
            <div class="movie_info_img">
                <img src="../images/movie4.png">
            </div>
            <div class="movie_info_text">
                <p>饥饿游戏3 嘲笑鸟</p>
                <div>
                    <span>导演 : </span><span>费朗西斯·劳伦斯</span>
                </div>
                <div class="movie_des">
                    <span>主演 : </span><span>詹妮弗·劳斯/ 乔什·哈切森</span>
                </div>
                <div>
                    <span>类型 : </span><span>动作 / 科幻 / 冒险</span>
                </div>
                <div>
                    <span>地区 : </span><span>美国</span>
                </div>
                <div>
                    <span>片场 : </span><span>136分钟</span>
                </div>
            </div>
        </div>
        <div class="movie_info">
            <div class="movie_info_img">
                <img src="../images/movie1.png">
            </div>
            <div class="movie_info_text">
                <p>我的少女时代</p>
                <div>
                    <span>导演 : </span><span>陈玉珊</span>
                </div>
                <div class="movie_des">
                    <span>主演 : </span><span>宋云华 / 王大陆</span>
                </div>
                <div>
                    <span>类型 : </span><span>喜剧 / 爱情</span>
                </div>
                <div>
                    <span>地区 : </span><span>中国 / 台湾</span>
                </div>
                <div>
                    <span>片场 : </span><span>134分钟</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 选电影的页脚-->
    <div data-role="footer">
        <h3>我是电影选页面的页脚</h3>
    </div>
</div>


</body>
</html>